@use "sass:color";

/**
 * Copyright 2022 Redpanda Data, Inc.
 *
 * Use of this software is governed by the Business Source License
 * included in the file https://github.com/redpanda-data/redpanda/blob/dev/licenses/bsl.md
 *
 * As of the Change Date specified in that file, in accordance with
 * the Business Source License, use of this software will be governed
 * by the Apache License, Version 2.0
 */

.boxCard {
  border: solid 1px #DDDDDD;
  padding: 16px;
  border-radius: 8px;
  box-sizing: border-box;
}

.dashed {
  border-style: dashed;
}

.hoverable:hover {  
  $color: #418fd8;
  @debug color.adjust($color, $lightness: 25%);
  border-color: $color;
}

.active,
.active:hover {
  border-color: #418fd8;
}

.hoverable:hover,
.active,
.medium {
  border-width: 2px;
  padding: 15px;
}
